var count=1;
var container=document.getElementById('container');
container.onmousemove=debounce(getUserAction,1000);
function getUserAction(e){
    console.log(e)
    container.innerText=count++;
}
// 第一版
// function debounce(func, wait) {
//     var timeout;
//     return function () {
//         clearTimeout(timeout)
//         timeout = setTimeout(func, wait);
//     }
// }
// 第二版
// function debounce(func,wait){
//     var timeout;
//     return function(){
//         var context=this;
//         clearTimeout(timeout);
//         timeout=setTimeout(function(){
//             func.apply(context);
//         },1000)
//     }
// }
//第三版
function debounce(func,wait){
    var timeout;
    return function(){
        var context=this;
        var args=arguments;
        clearTimeout(timeout);
        timeout=setTimeout(function(){
            func.apply(context,args);
        },wait)
    }
}